<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/7/17
  Time: 12:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="JS/jquery-1.8.3.js"></script>
    <script src="CSS/bootstrap.min.js"></script>
    <link rel="stylesheet" href="CSS/bootstrap.css">
    <style>
        form{
            width: 915px;
            margin: 100px auto;
        }

        .choose {
            background-color: deepskyblue;
            color: white;
            cursor: pointer;
        }

        .group input {
            width: 50%;
            float: left;
        }

        .group button {
            float: left;
        }
        .group{
            overflow: hidden;
        }

    </style>
</head>
<body>

<h3 style="text-indent: 580px">添加好友</h3>

<form role="form" action="AddFriendServlet" method="post">

    <div class="form-group">
        <label for="exampleInput1">请输入好友昵称</label>
        <div class="group">
            <input type="text" class="form-control" name="uName" id="exampleInput1" placeholder="请输入好友昵称">
            <button type="submit" class="btn btn-info">搜索</button><span>${requestScope.result}</span>
        </div>
    </div>

</form>

</body>

<script>
    $(function () {
        $("#exampleInput1").click(function () {
            $("span").hide();
        })
    })
</script>

</html>
